/** @description:中粮奥运活动页面样式 @author:Shengzhi Cheung @mail:shengzhizhang@gmail.com */
/* 样式重置 */
html { overflow-x: hidden; }

body, p, ul, li, h1, h2, h3, h4, h5, form, input, textarea, label, dd, dl { margin: 0; padding: 0; }

body { font: 12px/1.5 Arial, Helvetica, sans-serif; word-wrap: break-word; word-break: break-all; }

li { list-style: none; }

img { border: 0; }

em, i { font-style: normal; }

input, textarea, select { font-family: inherit; }

textarea { overflow-x: hidden; overflow-y: auto; resize: none; }

input:focus, textarea:focus { outline: none; }

.hidden { display: none!important; }

.visibility-hidden { visibility: hidden!important; }

.blur-txt { color: #999!important; }

.search-txt { color: #f00!important; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

/* 导入拼图 */
.ico-qzone, .ico-weibo, .ico-tecent-weibo, .ico-renren { background: url(bgimg/ico_sns.png) no-repeat; }

#home .nav-home, #records .nav-records, #intro .nav-intro, #extra .nav-extra { background: url(bgimg/nav_cur_bg.jpg) no-repeat; }

.ornagments, .suprize1, .suprize1 .or1, .suprize1 .or2, .suprize2, .suprize2 .or3, .suprize2 .or4, .contact h2 { background: url(bgimg/ornagments.png) no-repeat; }

.btn-bg, .btn-login, .btn-exchange, .btn-exchange-s2 { background: url(bgimg/btn_bg.png) no-repeat; }

.split-line, .split-line-s2, .suprize2 .schedule .bd table td, .suprize2 .events li, .suprize2 .winner-list li, .integral li { background: url(bgimg/split_line.png) repeat-x bottom; }

.split-line-s2, .suprize2 .schedule .bd table td, .suprize2 .events li, .suprize2 .winner-list li { background-image: url(bgimg/split_line_s2.png); }

.all-bg, .btn-addfollow, .ico-jblm, .flows div, .brands .cont .prev-s1, .brands .cont .next-s1, .brands .cont .prev-s2, .brands .cont .next-s2, .suprize2 .timeline .active, .suprize2 .prev, .suprize2 .next, .weibo .intro .logo-jblm { background: url(bgimg/bg_all.png) no-repeat; }

.jx1, .mod-intro .box .jx2, .mod-intro .box .jx3, .mod-intro .box .ico-scjx { background: url(bgimg/jx_bg.png) no-repeat; }

/* 排版 */
/* 布局 */
body { background: #00b0ec url(bgimg/bg_x.jpg) repeat-x; }

#wrap { background: url(bgimg/foot_bg.png) no-repeat center bottom; }

.wrap-in { background: url(bgimg/main_bg.jpg) no-repeat center 452px; }

.inner-page .wrap-in { background: url(bgimg/inner_main_bg.jpg) no-repeat center 452px; }

#container { width: 980px; margin: auto; min-height: 300px; height: auto !important; height: 300px; overflow: visible; }

/* 头部 */
#header { background: url(bgimg/head_bg.jpg) no-repeat center top; *zoom: 1; }
#header .head-in { position: relative; width: 1000px; margin: auto; }
#header .status { position: absolute; left: 50%; top: 383px; width: 228px; margin-left: 271px; }
#header .status i { float: left; width: 35px; height: 35px; margin-right: 2px; font-size: 24px; color: #0C76AD; text-align: center; _display: inline; }
#header .status .ten { margin-top: 2px; }
#header .status .hundred { margin-top: 4px; }
#header .status .thousand { margin-top: 5px; }
#header .status .ten-thousand, #header .status .hundred-thousand { margin-top: 7px; }

/* 头图 */
.banner { position: relative; height: 370px; }
.banner .link-zl, .banner .link-jblm { position: absolute; right: 25px; top: 30px; width: 100px; height: 65px; overflow: hidden; text-indent: -9999px; }
.banner .link-jblm { left: 0; top: 34px; width: 80px; }

/*主导航*/
.nav { position: relative; height: 82px; }
.nav li { float: left; }
.nav li a { float: left; height: 45px; overflow: hidden; text-indent: -9999px; _display: inline; }
.nav .nav-home { width: 113px; margin: 10px 0 0 15px; }
.nav .nav-records { width: 182px; margin-top: 15px; }
.nav .nav-intro { width: 146px; margin-top: 18px; }
.nav .nav-extra { width: 146px; margin-top: 18px; }

#home .nav-home { height: 67px; margin-top: -10px; }

#records .nav-records { height: 67px; margin-top: -2px; background-position: -112px -8px; }

#intro .nav-intro { height: 61px; margin-top: 4px; background-position: -294px -14px; }

#extra .nav-extra { height: 63px; margin-top: 2px; background-position: -440px -12px; }

/* 两栏布局 */
.layout { *zoom: 1; margin-bottom: 20px; }
.layout:before, .layout:after { display: table; content: ""; }
.layout:after { clear: both; }
.layout .main { float: left; width: 100%; }
.layout .main .main-cont { padding: 0 300px 0 0; }
.layout .aside { float: left; width: 280px; margin-left: -280px; }

/* 尾部 */
#footer { padding: 15px 0 150px; text-align: center; color: #fff; line-height: 22px; }
#footer a { color: #fff; margin: 0 3px; }

/* 按钮 */
.btn-login { width: 207px; height: 58px; margin: 0 auto; overflow: hidden; text-indent: -9999px; }

.btn-exchange { background-position: 0 -78px; width: 144px; height: 40px; overflow: hidden; text-indent: -9999px; }

.btn-addfollow { display: inline-block; width: 63px; height: 24px; background-position: 0 -523px; }

.btn-exchange-s2 { width: 149px; height: 47px; background-position: 0 -138px; overflow: hidden; text-indent: -9999px; }

/* Tab */
/* 图标 */
.ico-qzone, .ico-weibo, .ico-tecent-weibo, .ico-renren { display: inline-block; width: 16px; height: 16px; background-position: -16px 0; overflow: hidden; text-indent: -9999px; }

.ico-weibo { background-position: -16px -36px; }

.ico-tecent-weibo { background-position: -16px -72px; }

.ico-renren { background-position: -16px -108px; }

.ico-jblm { display: inline-block; width: 46px; height: 39px; background-position: -78px -88px; text-indent: -9999px; }

/* 浮层 */
/* 公用模块样式 */
html { _background: url(#); }

.share { position: fixed; left: 50%; top: 0; margin-left: 505px; width: 16px; height: 164px; line-height: 18px; padding: 8px; font-size: 14px; color: #4B3F52; z-index: 100; _position: absolute; _bottom: auto; _top: expression(documentElement.scrollTop); }
.share a { vertical-align: middle; margin: 4px 0; }
.share .bg { position: absolute; left: 0; top: 0; width: 32px; height: 164px; background: #B4D8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: -1; }

/* 页面级别样式 */
/* 首页 */
.focus { position: relative; height: 393px; margin-bottom: 20px; z-index: 1; }
.focus .focus-pic { position: absolute; left: -68px; top: 0; z-index: 10; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .focus .focus-pic { left: -67px; } }
.focus .focus-tab { position: absolute; right: 20px; bottom: 20px; width: 100px; height: 20px; z-index: 10000; }
.focus .focus-tab li { float: left; width: 20px; height: 20px; margin-left: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #979797; color: #fff; font-size: 14px; font-weight: bold; text-align: center; _display: inline; }
.focus .focus-tab .active { background: #DE5B04; }

.flows { height: 64px; padding-left: 15px; margin-bottom: 15px; border: 1px solid #D8F5FE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #8AD9FA; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; font-size: 14px; color: #4B5153; font-style: italic; }
.flows div { float: left; height: 46px; padding: 5px 0 0 54px; margin: 5px 10px 0 0; white-space: nowrap; _display: inline; }
.flows div a { color: #3559B3; }
.flows .flow1 { background-position: 0 -150px; padding-left: 100px; }
.flows .flow2 { background-position: 0 -221px; }
.flows .flow3 { background-position: 0 -292px; }
.flows .flow4 { background-position: 0 -363px; }

.brands { border: 2px solid #008DBD; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #21B8EF; padding: 5px 7px 0; }
.brands .tab { position: relative; background: #8AD9FA; *zoom: 1; }
.brands .tab h3 { position: absolute; left: 10px; top: 10px; color: #0C4783; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font: bold 24px/60px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; }
.brands .tab ul { height: 74px; margin-left: 100px; }
.brands .tab li { float: left; width: 85px; height: 52px; padding: 2px 5px; margin: 8px 0 0 15px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; _display: inline; }
.brands .tab .active { padding: 6px 7px 8px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); }
.brands .cont { display: none; position: relative; height: 156px; background: #8AD9FA; padding: 0 6px 6px; z-index: 2; *zoom: 1; }
.brands .cont .slides { background: #fff; }
.brands .cont .slides .slides-cont { width: 590px; margin: 0 auto; overflow: hidden; }
.brands .cont .slides ul { *zoom: 1; float: left; }
.brands .cont .slides ul:before, .brands .cont .slides ul:after { display: table; content: ""; }
.brands .cont .slides ul:after { clear: both; }
.brands .cont .slides li { float: left; width: 196px; height: 134px; margin: 8px 0; border-right: 1px solid #ddd; text-align: center; *zoom: 1; }
.brands .cont .slides li img { display: block; margin: 0 auto; }
.brands .cont .slides li span { display: block; font-size: 14px; color: #7B7F6E; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; }
.brands .cont .slides li .value { color: #474747; }
.brands .cont .slides li .value em { color: #FF3333; }
.brands .cont .prev-s1, .brands .cont .next-s1, .brands .cont .prev-s2, .brands .cont .next-s2 { position: absolute; left: 10px; top: 64px; background-position: -96px 0; width: 28px; height: 28px; overflow: hidden; text-indent: -9999px; }
.brands .cont .next-s1 { left: auto; right: 10px; background-position: -144px 0; }
.brands .cont .prev-s2 { background-position: 0 0; }
.brands .cont .next-s2 { left: auto; right: 10px; background-position: -48px 0; }
.brands .guide { *zoom: 1; padding: 5px 0; }
.brands .guide:before, .brands .guide:after { display: table; content: ""; }
.brands .guide:after { clear: both; }
.brands .guide h3 { float: left; margin-right: 40px; font-size: 14px; color: #fff; _display: inline; }
.brands .guide ul { float: left; }
.brands .guide ul li { float: left; margin-right: 15px; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6B644B; _display: inline; }
.brands .guide ul li i { display: inline-block; width: 16px; background: #519DD8; color: #fff; font-weight: bold; margin-right: 4px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.brands .guide ul li a { color: #3559B3; }

.login { *zoom: 1; margin-bottom: 5px; }
.login:before, .login:after { display: table; content: ""; }
.login:after { clear: both; }
.login .btn-login { float: left; margin-left: 30px; _display: inline; }

.integral { position: relative; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; line-height: 22px; margin-bottom: 40px; }
.integral li { padding: 8px 0; }
.integral .pic { float: right; width: 48px; }
.integral .pic img { border: 1px solid #BEC5CC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.integral .info { margin-right: 60px; font-size: 14px; }
.integral .info .user { color: #000; }
.integral .info .user .time { float: right; width: 70px; }
.integral .info .desc { color: #454F53; }
.integral .info .desc .coins { float: right; width: 70px; }
.integral .info .desc .coins i { color: #FF1E00; }

.notice { margin-bottom: 20px; }
.notice .hd { border-bottom: 2px solid #2F87D2; }
.notice .hd h3 { font: normal 24px/1.5 "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #0C4783; -webkit-text-shadow: 1px 1px 0 #55ffff; -moz-text-shadow: 1px 1px 0 #55ffff; text-shadow: 1px 1px 0 #55ffff; }
.notice li { font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; font-size: 14px; padding: 6px 0; }
.notice li a { color: #474747; }
.notice li span { float: right; color: #474747; }

.ad-aside { width: 268px; margin: 0 auto; border: 1px solid #197CDA; }
.ad-aside img { display: block; }

.suprize1 { position: relative; height: 425px; margin-bottom: 20px; }
.suprize1 .info { position: absolute; left: 37px; top: 264px; width: 400px; font-size: 18px; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #000; line-height: 34px; text-indent: 2em; }
.suprize1 .prize-list { *zoom: 1; padding: 75px 0 0 450px; }
.suprize1 .prize-list:before, .suprize1 .prize-list:after { display: table; content: ""; }
.suprize1 .prize-list:after { clear: both; }
.suprize1 .prize-list li { float: left; width: 142px; margin: 8px 15px; _display: inline; }
.suprize1 .prize-list li .pic { border: 2px solid #A1D7EB; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.suprize1 .prize-list li .pic img { display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.suprize1 .prize-list li span { display: block; margin-top: 5px; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6B644B; text-align: center; }
.suprize1 .prize-list li span em { color: #FF1E00; }
.suprize1 .or1 { position: absolute; left: -63px; top: 9px; width: 63px; height: 416px; background-position: 0 -986px; }
.suprize1 .or2 { position: absolute; right: -119px; top: -23px; width: 119px; height: 444px; background-position: -83px -986px; }
.suprize1 .btn-exchange { position: absolute; right: 56px; top: 18px; }

.suprize2 { position: relative; height: 412px; padding: 109px 9px 0; margin-bottom: 10px; background-position: 0 -445px; }
.suprize2 .timeline { *zoom: 1; padding-left: 50px; margin-bottom: 10px; background: #BEE6FB; height: 33px; *overflow: hidden; }
.suprize2 .timeline:before, .suprize2 .timeline:after { display: table; content: ""; }
.suprize2 .timeline:after { clear: both; }
.suprize2 .timeline span { float: left; width: 52px; text-align: center; line-height: 33px; color: #474747; cursor: default; }
.suprize2 .timeline .active { position: relative; width: 58px; height: 42px; background-position: 0 -88px; }
.suprize2 .status { line-height: 40px; padding: 0 0 3px 50px; font-size: 14px; color: #474747; font-weight: bold; overflow: hidden; }
.suprize2 .status span { margin-right: 20px; }
.suprize2 .status em { margin: 0 4px; font-size: 24px; color: #F55202; }
.suprize2 .schedule { float: right; width: 296px; }
.suprize2 .schedule .hd { line-height: 30px; }
.suprize2 .schedule .hd span { float: right; color: #474747; }
.suprize2 .schedule .hd h3 { font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; font-size: 16px; color: #417CCB; }
.suprize2 .schedule .bd { height: 235px; background: #fff; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.suprize2 .schedule .bd table { width: 100%; color: #625A3F; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; border-collapse: collapse; }
.suprize2 .schedule .bd table td { padding: 6px 8px; }
.suprize2 .winners { float: left; width: 646px; background: #fff; height: 255px; margin-top: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.suprize2 .events { position: relative; float: left; width: 239px; height: 239px; margin: 5px 0 0 10px; padding-right: 15px; _padding-right: 14px; overflow: hidden; _display: inline; }
.suprize2 .events li { position: relative; *zoom: 1; height: 50px; padding: 5px 0 6px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: top; cursor: default; }
.suprize2 .events li:before, .suprize2 .events li:after { display: table; content: ""; }
.suprize2 .events li:after { clear: both; }
.suprize2 .events li .avatar { float: left; width: 50px; }
.suprize2 .events li .avatar img { display: block; }
.suprize2 .events li .info { margin-left: 66px; _margin-left: 63px; font-size: 14px; color: #6B644B; line-height: 24px; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; }
.suprize2 .events li i { display: none; position: absolute; right: -15px; top: 19px; height: 0; width: 0; overflow: hidden; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #EBEBEB transparent transparent; }
.suprize2 .events .active { background: #EBEBEB; }
.suprize2 .events .active i { display: inline; }
.suprize2 .winner-list { position: relative; float: left; width: 377px; height: 245px; margin: 5px 0; background: #EFEFEF; font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; _display: inline; }
.suprize2 .winner-list h3 { font-size: 16px; color: #417CCB; line-height: 40px; text-align: center; }
.suprize2 .winner-list li { padding: 6px 10px; font-size: 14px; color: #625A3F; *zoom: 1; }
.suprize2 .winner-list li span { margin-left: 15px; }
.suprize2 .winner-list p { position: absolute; right: 10px; top: -30px; color: #474747; }
.suprize2 .prev, .suprize2 .next { position: absolute; left: 123px; top: 202px; background-position: 0 -48px; width: 22px; height: 20px; overflow: hidden; text-indent: -9999px; }
.suprize2 .next { top: 486px; background-position: -42px -48px; }
.suprize2 .or3 { position: absolute; left: -265px; top: -8px; width: 265px; height: 529px; background-position: -222px -986px; }
.suprize2 .or4 { position: absolute; right: -27px; top: 82px; width: 27px; height: 432px; background-position: -507px -986px; }

.contact { *zoom: 1; }
.contact:before, .contact:after { display: table; content: ""; }
.contact:after { clear: both; }
.contact h2 { height: 48px; margin-left: 10px; overflow: hidden; text-indent: -9999px; background-position: -554px -986px; }
.contact .cont { float: left; width: 974px; border: 3px solid #0090EC; background: #BBE9F8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.weibo { padding: 30px 330px 20px 20px; }
.weibo .intro { *zoom: 1; margin-bottom: 20px; }
.weibo .intro:before, .weibo .intro:after { display: table; content: ""; }
.weibo .intro:after { clear: both; }
.weibo .intro .pic { float: left; width: 108px; margin-left: 10px; text-align: center; _display: inline; }
.weibo .intro .desc { padding-left: 150px; _padding-left: 147px; font-size: 14px; color: #000; line-height: 24px; }
.weibo .intro .desc a { font-weight: bold; color: #2684C9; }
.weibo .intro .desc .tips { font-size: 14px; color: #474747; margin-top: 10px; }
.weibo .intro .logo-jblm { display: inline-block; width: 108px; height: 69px; background-position: 0 -432px; }
.weibo .weibo-post { height: 340px; overflow: hidden; border: 1px solid #A5C2CC; *zoom: 1; }

.cooperation { float: left; width: 270px; margin-left: -290px; }
.cooperation .mod-s1 { margin-top: 30px; }
.cooperation .mod-s1 .hd { border-bottom: 1px solid #98BDC9; }
.cooperation .mod-s1 .hd h3 { font: 20px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #0C4783; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }
.cooperation .mod-s1 .bd { *zoom: 1; }
.cooperation .mod-s1 .bd:before, .cooperation .mod-s1 .bd:after { display: table; content: ""; }
.cooperation .mod-s1 .bd:after { clear: both; }
.cooperation li { float: left; width: 102px; height: 45px; margin: 20px 20px 0 0; _display: inline; }

/* 内页 */
.mod { padding: 0 16px; }
.mod .box { padding: 20px; background: #ADE1F3; border: 3px solid #70C6E3; min-height: 280px; height: auto !important; height: 280px; overflow: visible; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mod .box .sec { margin-bottom: 40px; }
.mod .box .sec .desc { text-indent: 2em; }
.mod .box a { color: #3072C3; text-decoration: underline; }
.mod .box h4 { font: bold 18px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #0C4783; }
.mod .box .tips { color: #7C8476; }

.table { width: 100%; border-collapse: collapse; }
.table th { padding: 10px; font-size: 16px; font-weight: bold; color: #0D5BC3; text-align: left; }
.table td { padding: 8px 10px; font-size: 14px; color: #6B644B; }
.table td a { color: #4988CD; }
.table td .event { margin-right: 20px; }
.table .even { background: #E1F0F5; }

.pager { text-align: right; margin-top: 20px; font-size: 14px; }
.pager a { margin-left: 30px; color: #2883CA; }

.intro-list { font: 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6b644b; }
.intro-list li { position: relative; padding-left: 20px; *zoom: 1; }
.intro-list li i { position: absolute; left: 0; top: 0; }
.intro-list a, .intro-list span { color: #2883CA; }

/* 我的活动记录 */
.my-records { position: relative; padding: 0 26px 0 6px; background: url(bgimg/my_activity_bg.png) no-repeat; _zoom: 1; }
.my-records .box { min-height: 400px; height: auto !important; height: 400px; overflow: visible; }
.my-records .or { position: absolute; left: -91px; top: 67px; width: 91px; height: 415px; background: url(bgimg/my_record_ornagment.png) no-repeat; }
.my-records .hd { height: 92px; font: 20px/42px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #fff; }
.my-records .hd .filter { padding: 27px 0 0 13px; }
.my-records .hd a { position: relative; float: left; color: #fff; padding: 0 12px; margin-right: 39px; _display: inline; }
.my-records .hd a i { display: none; position: absolute; left: 50%; top: 42px; margin-left: -10px; height: 0; width: 0; overflow: hidden; border-width: 10px; border-style: solid dashed dashed dashed; border-color: #0D5BC3 transparent transparent transparent; }
.my-records .hd .cur { background: #0D5BC3; }
.my-records .hd .cur i { display: inline; }
.my-records .tips-no-data { padding: 100px 0 0 100px; font-size: 14px; color: #464749; }
.my-records .tips-no-data a { color: #2883CA; }

/* 活动详情 */
.mod-intro { background: url(bgimg/intro_bg.png) no-repeat; margin-bottom: 20px; font: 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6B644B; }
.mod-intro .hd { height: 72px; overflow: hidden; text-indent: -9999px; }
.mod-intro .box { padding: 20px 40px 20px 30px; }
.mod-intro .box .intro { font-size: 18px; color: #3D555F; font-weight: bold; margin-bottom: 20px; text-indent: 2em; }
.mod-intro .box .intro img { vertical-align: middle; margin: 0 5px; }
.mod-intro .box .jx1, .mod-intro .box .jx2, .mod-intro .box .jx3, .mod-intro .box .ico-scjx { overflow: hidden; text-indent: -9999px; height: 75px; margin-bottom: 10px; }
.mod-intro .box .jx2 { background-position: 0 -95px; }
.mod-intro .box .jx3 { height: 76px; background-position: 0 -190px; }
.mod-intro .box .ico-scjx { display: inline-block; width: 115px; height: 33px; line-height: 33px; background-position: 0 -286px; margin: 5px; vertical-align: middle; }

.mod-way { background: url(bgimg/way_bg.png) no-repeat; margin-bottom: 20px; }
.mod-way .hd { height: 65px; overflow: hidden; text-indent: -9999px; }
.mod-way .box { padding: 20px 40px; }
.mod-way .desc { margin-bottom: 20px; font: 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6B644B; text-indent: 2em; }

.mod-brands { background: url(bgimg/brands_bg.png) no-repeat; margin-bottom: 20px; font: 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6B644B; }
.mod-brands .hd { height: 62px; overflow: hidden; text-indent: -9999px; }
.mod-brands .box { padding: 20px 40px; }
.mod-brands li { *zoom: 1; margin-bottom: 30px; }
.mod-brands li:before, .mod-brands li:after { display: table; content: ""; }
.mod-brands li:after { clear: both; }
.mod-brands li .pic { float: left; width: 85px; height: 52px; background: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mod-brands li .info { margin-left: 115px; _margin-right: 112px; }

.mod-notice { background: url(bgimg/notice_bg.png) no-repeat; }
.mod-notice .hd { height: 46px; overflow: hidden; text-indent: -9999px; }

/* 额外金喜 */
.extra-ad { margin-bottom: 10px; }

.mod-prize { background: url(bgimg/prize_bg.png) no-repeat; margin-bottom: 20px; }
.mod-prize .hd { height: 59px; overflow: hidden; text-indent: -9999px; }
.mod-prize .hd a { float: right; }
.mod-prize .item { position: relative; *zoom: 1; }
.mod-prize .item .pic { position: absolute; left: 10px; top: 5px; border: 2px solid #A1D7EB; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.mod-prize .item .pic img { display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.mod-prize .item .info { padding: 0 200px 30px 196px; }
.mod-prize .item .info h3 { font: 24px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #89700F; padding-top: 10px; }
.mod-prize .item .info h3 span { margin-left: 20px; color: #6F6C56; }
.mod-prize .item .info h3 em { color: #f00; }
.mod-prize .item .info .desc { margin-top: 25px; font: 16px/30px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; color: #6b644b; }
.mod-prize .item .info .desc p { margin-bottom: 10px; }
.mod-prize .item .btn-exchange-s2 { position: absolute; right: 10px; top: 60px; }
.mod-prize .last .info { padding-bottom: 0; }
